<template>
  <div class="audition5">
    <p>1. hash是url中#及其后面的字符，history不带#</p>
    <p>2. 修改hash不会重新加载页面，修改history会导向新的页面或者404</p>
    <p>3. hash能兼容到IE8， history 只能兼容到 IE10</p>
    <p>4. 发送请求时，不会带上hash内容，修改hash不会产生新的请求，会触发hashchange事件</p>
    <p>5. history可以修改历史记录，可以前进后退，此时并不会立即发送请求，页面刷新，会重新发送请求</p>
    <p>6. history的pushState()设置新的url可以是任意一个与当前url同源的url，而hash只能修改hash字符串</p>
    <p>7. pushState()设置新的url与当前url一致时，也会被添加到历史记录中。而hash只有当hash只发生变化时才会被添加到历史记录中</p>
    <p>8. pushState()可以通过stateObject添加任意类型的数据到记录中，而hash只能添加短字符串。</p>
    <p>9. pushState()可以额外设置title，供后续使用</p>
  </div>
</template>

<script>
export default {
  name: 'Audition5',
}
</script>

<style lang="less" scoped>

</style>